<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	request.setAttribute("basePath", basePath);
%>
<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<!-- 导入这个页面的样式 -->
		<link rel="stylesheet" type="text/css" href="${basePath }css/newByself/travel_Store_jpyd.css">
		<!--浏览器商标-->
		<link rel="shortcut icon" href="${basePath }images/lsx/travel_Store_jpyd/logo_top.png">
		<meta http-equiv="x-dns-prefetch-control" content="on">

		<!--导入jquery-->
		<script type="text/javascript" src="${basePath }js/lsx/jquery-3.2.1.min.js"></script>
		
		<!--导入searchHotelInfo.js-->
		<script type="text/javascript" src="${basePath }js/lsx/searchHotelInfo.js"></script>
		<!--searchCity_jpyd.js-->
		<script type="text/javascript" src="${basePath }js/lsx/searchCity_jpyd.js"></script>
		<!--randomProductId.js-->
		<script type="text/javascript" src="${basePath }js/lsx/randomProductId.js"></script>
		
		<!--日歷插件 css-->
		<link href="${basePath }css/bootstrap.min.css" rel="stylesheet">
		<link href="${basePath }css/materialdesignicons.min.css" rel="stylesheet">
		
		
		<!--日期选择插件css-->
		<link rel="stylesheet" href="${basePath }js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
		<link href="${basePath }css/style.min.css" rel="stylesheet">
		
		<!--对话框css-->
		<link rel="stylesheet" href="${basePath }js/jconfirm/jquery-confirm.min.css">
		
		
		
		<!--日曆插件js-->
		<script type="text/javascript" src="${basePath }js/jquery.min.js"></script>
		<script type="text/javascript" src="${basePath }js/bootstrap.min.js"></script>
		<script type="text/javascript" src="${basePath }js/perfect-scrollbar.min.js"></script>
		
		<!--日期选择插件js-->
		<script src="${basePath }js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
		<script src="${basePath }js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
		<script type="text/javascript" src="${basePath }js/main.min.js"></script>
		
		<!--对话框js-->
		<script src="${basePath }js/jconfirm/jquery-confirm.min.js"></script>
		
	</head>

	<body>
		<div id="nTalk_post_hiddenElement" style="left: -10px; top: -10px; visibility: hidden; display: none; width: 1px; height: 1px;"></div>
		<!--vue-ssr-qyerbodystart-->
		<div class="lyear-layout-sidebar-scroll">
		<div id="app">
			<div ishiddenasides="true" class="q-main view _3yUVtVrFGEj2z0xx3Jfr_m">
				<div id="js_global_web_fragment"></div>
				<div class="q-container">
					<header class="q-header-wrapper">
						<div class="q-header">
							<div class="q-header-nav-wrapper">
								<div class="q-header-logo">
									<a href="" data-bn-ipg="head-logo"><img src="${basePath }images/lsx/travel_Store_all/logo_116x36.png" width="58" height="18"></a>
								</div>
								<ul class="q-header-nav">
									<!---->
									<li class="nav-list nav-list-layer nav-list-selected">
										<a href="travel_Store.jsp" data-bn-ipg="head-nav-lastminute" title="商城" class="nav-span"><span>商城</span><i class="frame-iconfont frame-icon-arrow-down"></i><span class="line-flag"><img
											src=""
											class="flag-icon"><i class="flag-tail"></i></span></a>
									</li>
									<li class="nav-list nav-list-layer">
										<a href="travel_Store.jsp" data-bn-ipg="head-nav-hotel" title="酒店·民宿" class="nav-span"><span>酒店·民宿</span><i class="frame-iconfont frame-icon-arrow-down"></i>
											<!---->
										</a>
									</li>
								</ul>
							</div>
							<div class="q-header-user-wrapper">
								<div class="q-header-user-status">
									<div class="user-status">
										<div class="user-info">
											<span class="username"><span class="avatar"><img
												src="${basePath }images/lsx/travel_Store_jpyd/200(1).jpg"></span>
											<a href="../zc/travel_person.jsp" id="zc_username_3">${user.userName}</a>
										</div>
										<div class="user-info">
											<a href="../zc/travel_login.jsp" id="login_3">登录</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</header>
					<div class="zw-common-header">
						<div class="zw-common-navwrap">
							<div class="zw-common-nav clearfix">
								<ul class="zw-common-mainNav">
									<li>
										<a href="travel_Store.jsp" data-bn-ipg="zsj-nav-home">首页</a>
									</li>
									<li>
										<a target="_blank" data-bn-ipg="hotelclick" href="travel_Store_jd.jsp"> 酒店
										</a>
									</li>
								</ul>
								<ul class="zw-common-subNav"></ul>
							</div>
						</div>
						<div class="zw-common-headerwrap">
							<div class="zw-common-wrap">
								<div class="zw-common-unit">
									<p class="zw-common-logo">
										<a href="travel_Store.jsp" data-bn-ipg="zsj-nav-index">
											人人酒店 </a>
									</p>
									<div class="_3CIkdtwiErEvBBM6zojwu3">
										<form id="searchform" action="" method="get">
											<input type="hidden" name="action" value="searchDefault"><input type="hidden" name="tag" value="0">
											<div class="_1hTcMUjHbhSixP5pRJ8tU1">
												<div class="qui-autocomplete _3YxQhDwopK0czOJ4uoYaQS" style="width:615px;z-index:99;">
													<div class="qui-autocomplete-inputdiv">
														<input type="text" id="jpyd_searchCity" autocomplete="off" placeholder="请输入城市 例如：上海" class="qui-autocomplete-input" style="height:40px;padding-right:5px;">
													</div>
												</div>
											</div>
											<div class="FvDOrC88ON-oa8xJKqbKu">
												<button type="button" onclick="btnSearCity()"></button>
											</div>
										</form>
									</div>
									<div class="zw-common-linkwrap">
										<a href="../zc/travel_person_indent.jsp" id="myOder_3" class="zw-common-linkitem">
											<i class="zw-common-linkicon zwui-iconfont zworld-icon-order"></i>
										<span class="zw-common-linktext">我的订单</span>
										</a>
									</div>
								</div>
							</div>
						</div>
						<!---->
					</div>
					
					
					<!--产品销售start-->
					<div class="_13zc8w6CfxOuWA2LX8FtLh">
						
						<!--上边start-->
						<div class="clearfix _1R8luTRbcKBpsfVk7hmNiu">
							<div class="_2jaGQmhaoaYJC4FsId5Ed4">
								<div class="_1a4f7w5sxWzExvcU3PWgSb">
									<!--???-->
									<span class="_7BzBWt3-YIquum9rzbvsJ">产品编号：
									<span id="product_numId"></span>
									</span>
									<!-- hotel中的hotel_img-->
									<div id="showImg">
										
									</div>
								</div>
								
								
								<!-- 日历  start-->
									
								<!--日历end-->
								
								
								
								<div class="_2qPQWk-XSmouW-IPBnd02n">
									<span data-bn-ipg="lm-detail-collect" class="zwui-iconfont  zworld-icon-heart">收藏</span>
									<span class="zwui-iconfont zworld-icon-share">分享 </span>
								</div>
								
								
							</div>
							<!--左边部分end-->
							
							<!--右边部分start-->
							<div class="_4UJoLTB6BU3wzkv0uIEsB">
								<div class="_2SwT4PhB1JVvmkARBFjjw- PA3Df-8--G5N2hB4bv55h">
									<!--hotel表中的hotel_text-->
									<div class="_2eRJYnh0fymYcsWfg_6Ab8" id="hotel_text_hotelInfo"></div>
									
									<!--可以直接去掉-->
									<div class="_3Higr-edBwGnm9kw5iCFs">
										<div class="_1jkB7UQ13GL_zqZyOpxZte">赠首晚酒店</div>
									</div>
									
									
									<div class="_22WKbL_29ugsF5e3muRLuG">
										<!--hotel_price-->
										<div>
											<span class="_2s3vkkftvf7uuir7hQm4Rz"><em id="hotel_price_hotelInfo"></em>元起</span>
										</div>
										
										<!--浏览量-->
										<div style="margin-left: 30px">
											<span class="hi2SVF1NTPdpq1xL1BUSZ">浏览</span>
											<span class="_2sUU7m0dz1IUAcxjcgUb92" id="see_number"></span>
										</div>
										
										<!--hotel_number-->
										<div style="margin-left: 10px">
											<span class="hi2SVF1NTPdpq1xL1BUSZ">销售</span>
											<span class="_2sUU7m0dz1IUAcxjcgUb92" id="hotel_number_Info">1408</span>
										</div>
									</div>
									
									<div class="_1hTFnlv5o__WhS8I-xZe3S" style="margin-top:14px;">
										<div class="_38alwHqVcb211mkXxnQWhz">温馨提示</div>
										<div class="_3qNO5lPeznxIZiKCT1mav3">嘿~亲爱的穷游er，购买前需要与供应商确认入住时段是否有房间噢~</div>
									</div>
									
									<div>
									</div>
								</div>
								
								
								<div id="bookingFramenormal" data-bn-ipg="lm-detail-type" class="_1Uei8Qz0sw-KcNKuUqf41P" style="padding-bottom:94px;">
									<!---->
									<div>
										<div class="normalPlist _1nVGfDDf2eUexFbtzaUxBS">
											<h4>产品类型 </h4>
											<ul class="clearfix">
												<li class="_2rm1F6oA9R3dTle4OHxy4O" id="hotel_type"></li>
											</ul>
										</div>
									</div>
									
									<!--日历开始-->
									
						              <div class="card-header"><h4>日期选择</h4></div>
						              <!--长空格-->
						              <div class="card-body">
						                <div class="input-daterange input-group">
						                  <input class="form-control js-datepicker" data-date-format="yyyy-mm-dd" type="text" id="example-daterange1" onchange="dateStartGet()" name="example-daterange1" placeholder="选择入住日期">
						                  <span class="input-group-addon"><i class="mdi mdi-chevron-right"></i></span>
						                  <input class="form-control js-datepicker" data-date-format="yyyy-mm-dd" type="text" id="example-daterange2" onchange="dateEndGet()" name="example-daterange2" placeholder="选择退房日期">
						                </div>
						               </div>
						               
						               <!--日历结束-->
						               
									
									
									<!-- 加加减减 -->
									<div>
										<div class="gQ4yXg4IY-_SOpicOQPWM">
											<ul class="_1Hi-xYVGDs3cn5SKi42zcD">
												<li>
													<h4>
													成人
													<div class="_1A8RoJSygfQ_l3FxHsd7_m">
														<!--hotel_price-->
														<span class="weZjaafEqcKurguA9VlQi">¥
															<span id="hotel_price_Info"></span>
														</span>
														<!--票数目-->
														<span class="_3JFrIqdZQsaEHjim567Cvx">× 
															<span id="ticketNumbers"></span>
														</span>
													</div>
												</h4>
													
													<div class="_3MsvJfiv3nzBGmALaDRC1S">
														<div class="_1iRpElwlHQ7IgH4-eP3K-u">
															<!--减符号-->
															<span class="_2vd8HuPXbj7KSqDrql03IY" id="spanDelete">
																<i></i>
															</span>
															<!--输入框-->
															<div class="_3O_w7Gf5rLzqYe4VBnSd4B">
																<input class="_3iSnMQUvGdmZ3yzzJAKTjL" value=""  id="tickets" disabled="disabled" style="background-color: #FFFFFF;"></input>
															</div>
															<!--加符号-->
															<span class="_3L6vVhYA_5UJD0ug2KOZUo" id="spanAdd">
																<i></i>
															</span>
														</div>
													</div>
													
												</li>
											</ul>
										</div>
									</div>
									
									
									<div class="clearfix _308MsuGN-j9wDNCJuIPg5e" style="bottom: -4px;">
										
										<div class="_35EmkSfkZpm93cddzUOANw" id="sty_mesg">
											<p>24:00 前可订次日 付款成功后，需待商家确认是否可以出行。</p>
											<a href="javascript:sty_display();" class="zwui-iconfont zworld-icon-x _31w5SUISjpTDfKbKzxJXEJ"></a>
										</div>
										
										<form id="lastminuteorderform_jpyd">
											<div class="_3TjWOlNQH7CiZm-nauTTO8">
												<span class="_19IGEsD34snLEyjwVmxFEu"> ¥ 
													<em style="font-size:28px;" id="sum_price"></em>
												</span>
												<div class="_3-UprtHXcvjGBpdzxEtnUr">
													<p></p>
												</div>
											</div>
											<input type="button" value="立即预订" class="_2zesKXWckzwAzcwWqgX4SF" onclick="submit_form()">
											<!---->
										</form>
										
									</div>
								</div>
							</div>
						</div>
						<!--上边end-->
						
						
						<!--酒店说明start-->
						<div id="productMainContent" class="_2cXtMrzcyC4vpq-W8Vy52a">
						
						</div>
						<!-- 酒店说明end -->
						
						</div>
						<!--产品销售start-->
						
						
					</div>
				</div>
				
				<!--末尾start-->
				<div class="q-footer">
					<footer>
						<div class="_8D6SsApM7lPaxJ24r6qFP">
							<ul class="xUmIbm5sxmwOMRp5xo1Ky">
								<li>
									<a href="travel_Store.jsp" data-bn-ipg="zsj-nav-bot-package">机酒自由行</a>
								</li>
								<li>
									<a href="travel_Store.jsp" data-bn-ipg="zsj-nav-bot-sales">新鲜甩尾</a>
								</li>
							</ul>
							<ul class="sVgRGJyedm7-sm5E-Q6Yj">
								<li>
									<p class="_2KMM3LfYXzmMwmXm559TH _1X1DLjGga-c4cmp7vT6l3V"></p>
									<h3 class="wYFUMWmbN_O9fUgX9UdPJ">贴心服务</h3>
									<p class="_2FoU96x7NHbbJ32J-qJ0eU">我们收集人人er的真实诉求，找寻特色旅行目的地，让人人er放心出行</p>
								</li>
								<li>
									<p class="_2KMM3LfYXzmMwmXm559TH _2DEnW27QTGWC5vfqrzAxfS"></p>
									<h3 class="wYFUMWmbN_O9fUgX9UdPJ">层层筛选</h3>
									<p class="_2FoU96x7NHbbJ32J-qJ0eU">对旅游产品供应商严格筛选，资质层层把关，为人人er挑选符合需求的旅行产品</p>
								</li>
								<li>
									<p class="_2KMM3LfYXzmMwmXm559TH GKNUt2dlK7OqoLsNrfO4Z"></p>
									<h3 class="wYFUMWmbN_O9fUgX9UdPJ">安心陪护</h3>
									<p class="_2FoU96x7NHbbJ32J-qJ0eU">对人人er的购买进行跟踪服务以及质量监控，生效投诉先行赔付，出现问题及时解决</p>
								</li>
							</ul>
						</div>
						<div class="MhBlmgVlNrC5rPp7tsQ99">
							<div class="_3Je662fPcOQMf4onLJu6jX">
								<div class="clearfix jK9KHoVHGqMs4RcCGDOJK">
									<div class="_3V8X7IFtNan0j6gK7RpYZ7">
										<p class="_3uBzRiourp-hiXTlpENRKe">人人酒店</p>
										<p class="_2FoU96x7NHbbJ32J-qJ0eU">从一张机票、一家酒店的订购，到一次暖心的接机服务、一张轻松融入当地的交通卡，让我们带你探索这个世界</p>
									</div>
									<div class="_1TXm8dKhB1LIO0gfy2BJu3">
										<dl class="_36r4xwk6Yj4y1TJ5WDPD_6">
											<dt>关注我们</dt>
											<dd class="_1oaR3xDIlRzGVra1mN1Htd">
												<p class="_1YurrekiO5DRdcV0cFagC">
													<span class="zwui-iconfont zworld-icon-wechat"></span>
												</p>
												<div class="_2dr0AJ91TDmVVnfb8oPy3W">
													<div class="_3G8uUZOEHtAV09QMTF6Wln">
														<div class="clearfix">
															<p class="_27u2gOjOdGgpRvn6PWupGO">
																<img src="${basePath }images/lsx/travel_Store_jpyd/foot-qrcode-weixin.png" width="90" height="90">
															</p>
															<div class="_2FoU96x7NHbbJ32J-qJ0eU">
																<p class="_5ArYH6zpU14kY-L7JqHpT">扫一扫关注</p>
																<p class="_2yOXlXr1KEpG9l3WxvViPY">人人折扣</p>
																<p class="_1xQ74rNNN6VV7sZkw384AI">微信</p>
															</div>
														</div>
													</div>
												</div>
											</dd>
											<dd class="kaBHZYGoH5QwDIUNUMCfv">
												<p class="_1YurrekiO5DRdcV0cFagC">
													<span class="zwui-iconfont zworld-icon-weibo"></span>
												</p>
												<div class="_2dr0AJ91TDmVVnfb8oPy3W">
													<div class="_3G8uUZOEHtAV09QMTF6Wln">
														<div>
															<a href="" target="_blank" class="_1cYtwEVNV92BlNTnO7c2ML">+ 关注
															</a><span class="_2FoU96x7NHbbJ32J-qJ0eU"><a href=""
															target="_blank">@人人折扣</a></span>
														</div>
													</div>
												</div>
											</dd>
											<dd class="_1OmpIzMn4ye7ZUrYPLkCG6">
												<p class="_1YurrekiO5DRdcV0cFagC">
													<span class="zwui-iconfont zworld-icon-mail"></span>
												</p>
												<div class="_2dr0AJ91TDmVVnfb8oPy3W">
													<div class="_3G8uUZOEHtAV09QMTF6Wln">
														<form action="https://user.qyer.com/subscibe.php" method="get" target="_blank">
															<input type="text" name="email" value="" placeholder="请输入Email" class="_3tZVXecEOzHP45-s3jeRj-"><input type="submit" value="订阅" class="_34IfhYT6DKpMMqlE_9a3zX">
														</form>
													</div>
												</div>
											</dd>
										</dl>
										<dl class="clearfix _1Zjw524kDRJcuVXPjZQNpQ">
											<dt>
											立刻扫描 <br>下载APP
										</dt>
											<dd class="_2lgD1n4un7EkkpShxlNX_d">
												<img src="${basePath }images/lsx/travel_Store_jpyd/foot-qrcode-qapp.png " width="70" height="70">
											</dd>
										</dl>
									</div>
								</div>
								<div class="hrOPsPV-1sXwO8TRFSkjE">
									<div class="_28KQeJSD4rtatFmp5AIbIw">
										<a href="">关于人人酒店</a><span class="_1dDagvSt5lTcyECDaUjJ7Q">|</span>
										<a href="" target="_blank">商家入驻人人酒店</a><span class="_1dDagvSt5lTcyECDaUjJ7Q">|</span>
										<a href="">服务与隐私</a><span class="_1dDagvSt5lTcyECDaUjJ7Q">|</span>
										<a href="">联系我们</a><span class="_1dDagvSt5lTcyECDaUjJ7Q">|</span>
										<a href="">旅游度假资质</a><span class="_1dDagvSt5lTcyECDaUjJ7Q">|</span>
										<a href="">营业执照</a><span class="_1dDagvSt5lTcyECDaUjJ7Q">|</span>
										<a href="">投诉建议</a>
									</div>
									<div class="jJtdePjiDp_Poh-B6o6cZ">2004-2019 © 人人网™ qyer.com All rights reserved. Version v5.57 京ICP备12003524号 京公网安备11010502023470 京ICP证140673号</div>
									<p class="Av119wy8r09ffqudRpjHC">
										友情链接：<a href="" target="_blank"></a>
									</p>
								</div>
							</div>
						</div>
					</footer>
				</div>
			</div>
		</div>
		</div>
	</body>
</html>